html,body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: url("../images/login_bg.jpg") no-repeat center/cover;
 }
 .loginAndRedBox{
     width: 400px;
     height: 310px;
     background-color: #fff;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%)
 }
 .reg-box{
     display: none
 }
 .title-box{
     height: 60px;
    background: url("../images/login_title.png") no-repeat center
 }
 .layui-form{
      padding: 0 30px;
 }
 .layui-form-item{
    position: relative;
}
 .layui-icon{
     position: absolute;
     top: 10px;
     left: 10px;
 }
 .layui-input{
     padding-left: 31px;
 }
.links{
     display: flex;
     justify-content: flex-end
 }
